<%@page contentType="text/html" pageEncoding="UTF-8" session="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath}"/>
<!doctype html>
<html>
<head>
	<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
	<title>Artikels zoeken</title>
</head>
<body>
	<h1>Artikels zoeken op woord</h1>
	<form action="<c:url value='/artikels/zoekenOpWoord.htm'/>" method="get" id="zoekform">
		<label>Woord:
			<input name="woord" value="${param.woord}" autofocus/></label>
			<input type="submit" value="Zoeken" id="zoekknop"/>
	</form>
	<c:import url="/WEB-INF/JSP/fouten.jsp"/>
	<script>
      document.getElementById('toevoegform').onsubmit= function() {        
    	 document.getElementById('toevoegknop').disabled=true;
      };
	</script>
	    <c:if test="${not empty artikels}">
      <ul>
      <c:forEach items="${artikels}" var="artikel">
        <c:set var="soortArtikel" value="${artikel['class'].simpleName}" />
         <li>${artikel.naam}</li>
      </c:forEach>
      </ul>
    </c:if>
    <c:import url="/WEB-INF/JSP/fouten.jsp" />	
</body>
</html>